<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="/artmanage/js/jquery.min.js"></script>
    <script src="/artmanage/js/bootstrap.min.js"></script>
    <script src="/artmanage/js/login.js"></script>
</head>
<body style="background-color: #c9e2b3">
<div class="panel panel-success" style="margin-top: 10%;margin-right: 30%;margin-left: 30%">
    <div class="panel-heading">
        <h1 style="text-align: center">用户登录</h1>
    </div>
    <div class="panel-body">
        <form class="form-horizontal" role="form" >
            <div class="form-group">
                <label for="name" class="col-sm-3 control-label">名字</label>
                <div class="col-sm-9">
                    <input type="text" class="form-control" id="name" name="name"
                           placeholder="请输入名字" required="required" style="width: 70%">
                </div>
            </div>
            <div class="form-group">
                <label for="password" class="col-sm-3 control-label">密码</label>
                <div class="col-sm-9">
                    <input type="password" class="form-control" id="password" name="password" required="required"
                           placeholder="请输入密码" style="width: 70%">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-3 col-sm-9" >
                    <button type="button" class="btn btn-success btn-lg" id="login">登录</button>
                    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">注册</button>
                </div>
            </div>
        </form>
    </div>
</div>


    <!-- 模态框 -->
    <div class="modal fade" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">

                <!-- 模态框头部 -->
                <div class="modal-header">
                    <h4 class="modal-title">用户注册</h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <!-- 模态框主体 -->
                <div class="modal-body">
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">姓名</span>
                        <input type="text" class="form-control" placeholder="姓名" id="rname" required="required" style="width: 90%">
                        &nbsp; &nbsp;<span ></span>
                    </div><br>
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon">密码</span>
                        <input type="password" class="form-control" placeholder="密码" id="rpassword" required="required" style="width: 90%">
                        &nbsp; &nbsp;<span></span>
                    </div>

                </div>

                <!-- 模态框底部 -->
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success btn-lg" id="regist">提交</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

</body>

</html>